<script setup>
import { ref } from "vue";
import VueChart from "@/components/VueChart.vue";
const option = ref({
  tooltip: {
    trigger: "item",
  },
  series: [
    {
      color: ["#FF2318", "#01FFBB", "#53A3FF"],
      type: "pie",
      radius: ["50%", "100%"],
      center: ["50%", "75%"],
      startAngle: 180,
      endAngle: 360,
      labelLine: {
        show: false,
      },
      label: {
        show: false,
        position: "center",
      },
      data: [
        { value: 1, name: "待处置" },
        { value: 2, name: "处置中" },
        { value: 6, name: "已完成" },
      ],
    },
  ],
});
</script>
<template>
  <div class="gauge-1">
    <VueChart :options="option" />
  </div>
</template>
<style scoped>
.gauge-1 {
  width: 100%;
  height: 100%;
}
</style>
